import React, { useRef } from 'react'
// 需求: 有一个公共组件,在app中使用这个组件的时候,要在app中点击app里面的按钮,但是让公共组件中文本框获取焦点
import Test from './Test'
export default function App() {
  // 这个appRef需要和Test组件中的input进行绑定,从而拿到input的真实dom
  const appRef = useRef('app')
  return (
    <div>
      App
      <Test ref={appRef}></Test>
      <button
        onClick={() => {
          appRef.current.inpFocus()
          // appRef.current.focus()
          // appRef.current.style.backgroundColor = 'pink'
        }}
      >
        按钮-点击让Test里面的文本框获取焦点
      </button>
    </div>
  )
}
